<template>
  <el-dialog :visible.sync="dialogFormVisible" width="500px">
    <el-card>
      <template #header>显示</template>
      <table>
        <tr>
          <th>类型</th>
          <th>数据值</th>
        </tr>
        <tr>
          <td>品牌</td>
          <td>{{ dataRow.brand }}</td>
        </tr>
        <tr>
          <td>型号</td>
          <td>{{ dataRow.model }}</td>
        </tr>
        <tr>
          <td>系统平台</td>
          <td>{{ dataRow.platform }}</td>
        </tr>
        <tr>
          <td>系统版本</td>
          <td>{{ dataRow.system }}</td>
        </tr>
        <tr>
          <td>微信版本</td>
          <td>{{ dataRow.version }}</td>
        </tr>
        <tr>
          <td>小程序版本</td>
          <td>{{ dataRow.SDKVersion }}</td>
        </tr>
        <tr>
          <td>定位状态</td>
          <td>{{ dataRow.locationAuthorized }}</td>
        </tr>
        <tr>
          <td>定位授权</td>
          <td>{{ dataRow.locationEnabled }}</td>
        </tr>
      </table>
    </el-card>
  </el-dialog>
</template>

<script>
  export default {
    data() {
      return {
        border: true,
        dialogFormVisible: false,
        dataRow: {},
        dataList: [],
        queryForm: {},
        // listLoading: true,
      }
    },
    // created() {
    //   this.fetchData()
    // },
    methods: {
      // 框架封装好的直接用row就可以接收到当前行的数据
      showEdit(row) {
        this.dialogFormVisible = true
        // 这边是数组和对象不能对接
        this.dataRow = row.user_phone
        // console.log(this.dataRow, '是')
      },
      // async fetchData() {
      //   this.listLoading = true
      //   const { data } = await getList(this.queryForm)
      //   this.dataList = data
      //   console.log(this.dataList, 'dataList')
      //   this.listLoading = false
      // },
    },
  }
</script>

<style scoped>
  table {
    text-align: center;
  }
  td {
    width: 150px;
    height: 30px;
  }
</style>
